<!DOCTYPE html>
<html>
	<head>
		#include('head.html',{title:'校内景点'})
		<style>
			body{
	               background-image: url(images/bgc.jpg);
	          }
		  .scrollspy-nav {
		    top: 0;
		    z-index: 100;
		    background: #4caf50;
		    width: 100%;
		    /*padding: 0 0px;*/
		  }

		  .scrollspy-nav ul {
		    margin: 0;
		    padding: 0;
		  }

		  .scrollspy-nav li {
		    display: inline-block;
		    list-style: none;
		  }

		  .scrollspy-nav a {
		    color: white;
		    padding: 10px 5px;
		    display: inline-block;
		  }

		  .scrollspy-nav a.am-active {
		    color: #fff;
		    font-weight: bold;
		  }

		  .am-panel {
		    margin-top: 20px;
		  }
</style>
	</head>
	<body>
	#if(school!=null)
	  <header data-am-widget="header" class="am-header am-header-default header">
		  <div class="am-header-left am-header-nav">
		     <a href="college?sId=${school.sId}" class="">
		       <i class="am-header-icon am-icon-angle-left"></i>
		     </a>
		  </div>
		  <h1 class="am-header-title"> <a href="#" class="" style="color: #333;">${school.sName}</a></h1>
		  <div class="am-header-right am-header-nav">
		     <a href="#right-link" class=""> </a>
		  </div>
	  </header>
	#include('header.html')
      <div class="content">
      	<!--<h1>校内景点</h1>-->
      	<nav class="scrollspy-nav" data-am-scrollspynav="{offsetTop: 45}" data-am-sticky>
		  <ul>
			  #set(i=1)
			  #for(view : cViewList)
		    <li><a href="#view${i}">${view.vName}</a></li>
			  #set(i=i+1)
			  #end
		  </ul>
		</nav>
		  #set(j=1)
		  #for(view : cViewList)
	<div class="am-panel am-panel-default" id="view${j}">
  <div class="am-panel-hd">${view.vName}</div>
  <div data-am-widget="slider" class="am-slider am-slider-default" data-am-slider='{}' >
			  <ul class="am-slides">
				  #for(pic : cPictureList[j-1])
			      <li><img src="images/picture/${pic.pFilename}"> </li>
				  #end
			  </ul> 
		</div>
	  <div class="am-panel-bd">
		  ${view.vDescribe}
	  </div>
</div>
		  #set(j=j+1)
		  #end

		  #else
		  <div style="text-align: center;margin-top: 20%;">该学校不存在！</div>
		  #end
	</body>
</html>
